﻿<%@ Page Language="C#" MasterPageFile="~/travel-hotels/booking/Travel_Booking.master" AutoEventWireup="true" CodeFile="manage.aspx.cs" Inherits="travel_hotels_booking_manage" %>

<%@ Register Src="~/controls/usrNoJS.ascx" TagName="usrNoJS" TagPrefix="ucNoJS" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

    <script src="~/includes/ValidationError-NEW.js" type="text/javascript"></script>

    <script src="~/includes/ValidationEffect-NEW.js" type="text/javascript"></script>

    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

    <div class="elements_inner_wrapper">
        <ucNoJS:usrNoJS ID="usrNoJS1" runat="server" />
       

        <script type="text/javascript">
            function initialize() {
                var maplat = document.getElementById('<%=inputLat.ClientID%>').value;
                var maplong = document.getElementById('<%=inputLong.ClientID%>').value;

                //var latlng = new google.maps.LatLng(40.7562008, -73.9903784);
                var latlng = new google.maps.LatLng(maplat, maplong);
                var settings = {
                    zoom: 16,
                    center: latlng,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                var map = new google.maps.Map(document.getElementById('divMap'), settings);

                var myMarker = new google.maps.Marker({
                    position: latlng,
                    map: map,
                    title: ""
                }); 
            }
        </script>

        <div id="divContent" style="display: ">
            <div class="clearFix">
                <div class="rightcol">
                    <div class="booking-note">
                        We make it easy to check the status of or cancel an existing reservation.
                    </div>
                    <div class="checkout-book-trip">
                        <p>Why Book with Us</p>
                        <ul>
                            <li>We Never Charge a Change or Cancel Fee</li>
                            <li>Low Price Guarantee</li>
                            <li>Secure bookings &amp; protective privacy policy</li>
                        </ul>
                    </div>
                </div>
                <div class="w745 left">
                    <h1>Manage Your Hotel Booking</h1>
                    <div class="seperator"></div>
                    
                    <div style="background:#f0f0f0; border:1px solid #e0e0e0; padding:15px;">
                        To view or cancel your reservation, we need the following information:
                        <br />
                        <br />
                        <label><b>Itinerary Number:</b></label>
                        <br />
                        <asp:TextBox ID="txtItinerary" runat="server" Width="300px"></asp:TextBox><asp:RequiredFieldValidator
                            ID="rfvItinerary" runat="server" ControlToValidate="txtItinerary" ValidationGroup="reservation"
                            Display="Dynamic" ErrorMessage="Please enter your Itinerary number."></asp:RequiredFieldValidator><input id="inputbookingid" runat="server" type="hidden" />
                        <br />
                        <br />
                        <label><b>Email Address for Reservation:</b></label>
                        <br />
                        <asp:TextBox ID="txtEmailAddress" runat="server" Width="300px"></asp:TextBox><asp:RequiredFieldValidator
                            ID="rfvEmailAddress" runat="server" ControlToValidate="txtEmailAddress" ValidationGroup="reservation"
                            Display="Dynamic" ErrorMessage="Please enter your email."></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="rfvExEmailValid" runat="server" ValidationGroup="reservation"
                            ErrorMessage="Please enter a valid email." Text="" ControlToValidate="txtEmailAddress"
                            ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" Display="Dynamic"></asp:RegularExpressionValidator>
                        <br />
                        <br />
                        <asp:Button ID="btnViewReservation" runat="server" ValidationGroup="reservation"
                            OnClick="btnViewReservation_Click" CssClass="button_view-reservation" onmousedown="this.className = 'button_view-reservation_mousedown';"
                                onmouseup="this.className = 'button_view-reservation';" onmouseout="this.className = 'button_view-reservation';" />
                    </div>
                    
                        
                </div>
            </div>

            <input type="hidden" id="inputLat" runat="server" />
            <input type="hidden" id="inputLong" runat="server" />
            <asp:Label ID="lblMessage" runat="server" ForeColor="OrangeRed"></asp:Label>
            
            <div id="divBookingDetails" runat="server" visible="false">
                <h3><asp:Label ID="lblConfirm" runat="server" Text="Your reservation is "></asp:Label></h3>
                
                <asp:Label ID="Label1" runat="server" ForeColor="OrangeRed"></asp:Label>
                
                <div class="bdis_full t_rad">
                    <div class="llable">Your Itinerary Number:</div>
                    <div class="lvalue"><asp:Label ID="lblItineraryNum" runat="server" Font-Bold="true"></asp:Label></div>
                    <div class="clear"></div>

                    <div class="llable">Your Booking Confirmation Number(s):</div>
                    <div class="lvalue"><asp:Label ID="lblBookingConfirmation" runat="server" Font-Bold="true"></asp:Label></div>
                    <div class="clear"></div>
                
                    <label style="font-size: small">
                    <asp:Label ID="lblresmessage" runat="server" Text="*You will receive an email containing the confirmation and reservation details.
                        Please refer to your itinerary number if you contact customer service for any reason"></asp:Label>
                        </label>
                    <div class="clear"></div>
                    
                </div>
                <div class="fblue b_rad">
                    <asp:Button ID="btnCancelReservation" Text="Cancel Reservation" runat="server" OnClientClick="javascript:return ConfirmCancel();"
                        OnClick="btnCancelReservation_Click" />
                        
                    <div class="right"><a href="#" onclick="window.print()">Print this page</a></div> 
                </div>
                
                <div class="hotelwrap">
                    <div class="btitle_full a_rad"><h3>Reservation Details</h3></div>
                    <div class="w490 left">
                        <h3><asp:Label ID="lblHotelName" runat="server"></asp:Label></h3>
                        
                        <asp:Button ID="btnStars" runat="server" Enabled="false" />
                        <br />
                        <asp:Label ID="lblHotelAddress" runat="server"></asp:Label>
                        <br />
                        US and Canada: 1-800-780-5733 Europe: 00-800-11-20-11-40

                        <div class="seperator"></div>
                        
                        <h4>Property Details</h4>
                        <asp:Label ID="lblPropertyDetails" runat="server"></asp:Label>
                        
                        <div class="seperator"></div>
                        
                        <h4>Additional Amenities</h4>
                        <asp:Label ID="lblAmenities" runat="server"></asp:Label>
                        
                        <div class="seperator"></div>
                        
                        <table cellpadding="3" cellspacing="2" width="500px" style="text-align: left;">
                            <tr>
                                <td style="width: 200px;" class="b_clr">
                                    <b>Check-in:</b>
                                </td>
                                <td>
                                    <asp:Label ID="lblCheckin" runat="server"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 200px;" class="b_clr">
                                    <b>Check-out:</b>
                                </td>
                                <td>
                                    <asp:Label ID="lblCheckout" runat="server"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 200px;" class="b_clr">
                                    <b>Number of nights:</b>
                                </td>
                                <td>
                                    <asp:Label ID="lblNights" runat="server"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 200px;" class="b_clr">
                                    <b>Guests:</b>
                                </td>
                                <td>
                                    <asp:Label ID="lblGuest" runat="server"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 200px;" class="b_clr">
                                    <b>Room type:</b>
                                </td>
                                <td>
                                    <asp:Label ID="lblRoomType" runat="server"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 200px;" class="b_clr">
                                    <b>Rooms:</b>
                                </td>
                                <td>
                                    <asp:Label ID="lblRooms" runat="server"></asp:Label>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="w490 right">
                        <div class="mapview">
                            <div id="divMap" style="width: 478px; height: 300px;">
                            </div>
                        </div>
                    </div>
                    <div class="seperator"></div>
                    <div class="clear"></div>
                    
                    
                    <div id="divRoomDetails" runat="server" class="hotel_content">
                        <div class="btitle_full a_rad"><h3>Room Details</h3></div>
                        <h4>
                            <asp:Label ID="lblRoomName" runat="server"></asp:Label>
                        </h4>
                        <asp:Label ID="lblRoomAmenities" runat="server"></asp:Label>
                        <div class="seperator"></div>
                        <asp:Label ID="lblGuests" runat="server" Font-Bold="true"></asp:Label>
                        <div class="seperator"></div>
                        <div class="i11">**Please note: Preferences and special requests cannot be guaranteed. Special requests
                        are subject to availability upon check-in and may incur additional charges.</div>
                        <div class="seperator"></div>
                        
                        <div class="clear"></div>
                    </div>
                    
                    <div id="divCharges" runat="server" class="hotel_content">
                        <div class="btitle_full a_rad"><h3>Charges</h3></div>
                        
                        <asp:Label ID="lblNoCharge" runat="server" Text="We don’t charge your credit card. Your credit card is required to guarantee your booking.<br/><br/>" Font-Bold="true" Font-Size="Medium" Visible="false"></asp:Label>
                        <asp:Label ID="lblPriceDisplayed" runat="server" Text="All prices are displayed in $ SGD "></asp:Label>  
                                     
                        <div class="seperator"></div>
                        
                        <asp:Label ID="lblPriceDetails" runat="server" Font-Bold="true"></asp:Label><br />
                        <asp:Label ID="lblTaxDisclaimer" runat="server" Text=" *Excluding tax recovery charges and service fees" CssClass="i11"></asp:Label>
                        
                        <div class="seperator"></div>
                        
                        <asp:Label ID="lblExtraPersonFee" runat="server" Font-Bold="true"></asp:Label>
                        <asp:Label ID="lblHotelTax" runat="server" Font-Bold="true"></asp:Label>
                        <asp:Label ID="lblSalesTax" runat="server" Font-Bold="true"></asp:Label>
                        <asp:Label ID="lblServiceFee" runat="server" Font-Bold="true"></asp:Label>
                        <asp:Label ID="lblPriceTax" runat="server" Font-Bold="true"></asp:Label>
                        <br />
                        
                        <div id="divTotalCharges" runat="server">
                            <strong>Total Charges**</strong>&nbsp;&nbsp;
                            <span class="ticket"><asp:Label ID="lblTotalCharge" runat="server"></asp:Label></span>
                            <br /><br />
                            <div class="i11">**Including tax recovery charges and service fees. We have charged your credit card
                            for the full payment of this reservation.</div>
                        </div>
                        <div class="seperator"></div>
                        <div class="clear"></div>
                    </div>
                    
                    <div id="divPaymentInfo" runat="server" class="hotel_content">
                        <h4>Payment Information</h4>
                        <table cellpadding="3" cellspacing="2" width="500px" style="text-align: left;">
                            <tr>
                                <td style="width: 200px;" class="b_clr">
                                    <b>Cardholder Name: </b>
                                </td>
                                <td>
                                    <asp:Label ID="lblCardholder" runat="server"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 200px;" class="b_clr">
                                    <b>Billing Address:</b>
                                </td>
                                <td>
                                    <asp:Label ID="lblBillingAddress" runat="server"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 200px;" class="b_clr">
                                    <b>Email Address:</b>
                                </td>
                                <td>
                                    <asp:Label ID="lblEmailAddress" runat="server"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 200px;" class="b_clr">
                                    <b>Phone number:</b>
                                </td>
                                <td>
                                    <asp:Label ID="lblPhone" runat="server"></asp:Label>
                                </td>
                            </tr>
                        </table>
                        <div class="seperator"></div>
                        <div class="clear"></div>
                    </div>
                    
                    <div id="divAddHotelInfo" runat="server"  class="hotel_content">
                        <div class="btitle_full a_rad"><h3>Additional Hotel Information</h3></div>
                        
                        <h4>Hotel Terms & Conditions</h4>
                        <asp:Label ID="lblNotification" runat="server"></asp:Label>
                        <div class="seperator"></div>
                        
                        <h4>Cancellation Policy</h4>
                        <asp:Label ID="lblCancellation" runat="server"></asp:Label>
                        <div class="seperator"></div>
                        <div class="clear"></div>
                    </div>

                    <div id="divRefund" runat="server" visible="false" class="hotel_content">
                        <h4>Refund Text</h4>
                        We have issued a refund request. Please note refunds may take up to 30 days 
                        from cancellation date to be visible on your account. 
                        For more information see <a href="../faq.aspx" target="_blank">FAQs</a>
                        <div class="seperator"></div>
                        <div class="clear"></div>
                    </div>     
                    
                    <div id="divNonRefundable" runat="server" visible="false" class="hotel_content">
                        This rate is non-refundable and cannot be changed or cancelled - if you do choose to change or cancel 
                        this booking you will not be refunded any of the payment.
                        If you have any questions please feel free to contact us.
                        <div class="seperator"></div>
                        <div class="clear"></div>
                    </div>
                    
                    <div class="hotel_content">
                        <div class="btitle_full a_rad"><h3>Customer Support Contact Information</h3></div>
                        US and Canada: 1-800-780-5733 Europe: 00-800-11-20-11-40<br />
                        Promo Code 381988<br />
                        Please refer to your reservation number (84941664) when calling.
                        <div class="seperator"></div>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">

        window.onload = initialize();
        
        function ConfirmCancel() {
            var Ok = confirm('Your entire reservation will be cancelled. Are you sure?');
            if (Ok)
                return true;
            else
                return false;
        }
    </script>

</asp:Content>